@charset "utf-8";
/* CSS Document */


*{font-family:"arial","serif"!important;scroll-behavior: smooth;}
body,a,img,div,ul,ol,li,p,h1,h2,h3,h4,h5,dt,dd{
	margin:0px;
	padding:0px;
	font-size:13px;
	color: #333;
	scroll-behavior: smooth;
	

}

a,a:hover{text-decoration: none}


/*@font-face {
  font-family: "SpaceGrotesk";
  src:url("../font/SpaceGrotesk-Regular");
}

@font-face {
  font-family: "LexendDeca";
  src:url("../font/LexendDeca-Regular.woff");
	font-weight: 500
}*/

ul,ol,li{list-style: none}

img{border:0px;}

h1,h2,h3,h4,h5{font-weight: normal}




.apple-banner {
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: #2e2e2e url(../images/pattern_pixels.png);
	margin-top: 67px
}
.apple-banner .swiper-container {
	margin-top: 0px;
	width: 100%;
	height: 500px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: #9ad32b;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:#9ad32b;
}
/*内容样式*/
.deww img{width: 940px;height: auto;display: block;margin: 0 auto;margin-top: 67px}

.swiper-slide{background: #2e2e2e url(../images/pattern_pixels.png)}
/*.slide1 {
	background: #2e2e2e url(../images/slider_img_1.png) no-repeat bottom center;
	background-size: 940px 429px;
}*/

.slide1 .title {
	text-align: center;
	margin-top: 50px;
	font-size: 45px;
	font-weight: normal;
	color: #fff;
	font-weight: bold
}
.slide1 .title p{color: #999;font-size: 17px;margin-top: 15px}
.slide1 .title p span{color: #9ad32b}
/*.slide2 {
	background: #2e2e2e url(../images/slider_img_2.png) no-repeat bottom center;
	background-size: 940px 429px;
}*/

.slide2 .title {
	text-align: center;
	margin-top: 50px;
	font-size: 45px;
	font-weight: normal;
	color: #fff;
	font-weight: bold
}


.slide2 .title p{color: #999;font-size: 17px;margin-top: 15px}
.slide2 .title p span{color: #9ad32b}


/*.slide3 {
	background: #2e2e2e url(../images/slider_img_5.png) no-repeat bottom center;
	background-size: 940px 429px;
}*/

.slide3 .title {
	text-align: center;
	margin-top: 50px;
	font-size: 45px;
	font-weight: normal;
	color: #fff;
	font-weight: bold
}


.slide3 .title p{color: #999;font-size: 17px;margin-top: 15px}
.slide3 .title p span{color: #9ad32b}


.topnav{background: #f5f5f5;position: fixed;border-bottom:1px solid #ddd;top: 0;z-index: 999;width: 100%}
.topnav_cen{width: 1150px;margin: 0 auto;}
.logo{float: left;padding: 13px 0;}
.logo a{display: block;display: flex;align-items: center}
.logo span{display: block;color: #007cd9;}
.logo span.en{font-size: 12px;letter-spacing: 0.2px}
.logo img{display: block;margin-right: 15px;background: url(../images/divider11.gif) no-repeat right center;padding-right: 15px}
.navlist{float: right;display: flex;justify-content: space-between;width: 550px;margin-top: 10px}
.navlist li{background: url(../images/divider11.gif) no-repeat right center;padding:13px 26px 13px 0;}
.navlist li:nth-last-child(1){background: none;}
.navlist li a{font-size: 15px;}
.navlist li a:hover{color: #007cd9}

.navlist li .erji{width: 100%;height: auto;background: #f5f5f5;position: absolute;top: 66px;left: 0px;
	text-align: center;z-index: 99999;padding: 50px 0;display: none}
.navlist li .erji a{}
.navlist li .erji a:hover{opacity: 1;}


.erjiul{display: flex;width: 1150px;margin: 0 auto;justify-content: space-between}
.erjiul img{display: block;width: 250px;height: auto}
.erjiul span{display: block;text-align: left;color: #007cd9;margin-bottom: 20px}



.erjipl{display: flex;width: 1150px;margin: 0 auto;}
.erjipl .erjipl_li{width: 260px;margin-right: 80px}
.erjipl img{display: block;width: 260px;height: auto}
.erjipl span{display: block;text-align: left;margin-bottom: 20px}
.erjipl h1{margin: 16px 0;font-size: 13px;text-align: left}
.erjipl h2{font-size: 13px;color: #007cd9;text-align: left}


.erjitl{display: flex;width: 1150px!important;margin: 0 auto;justify-content: space-between}
.erjitl .erjipl_li{width: 245px;margin-right: 0}



.index_2{width:100%;margin: 0 auto;overflow: hidden;background: #f7f7f7}
.index_2_cen{width: 1150px;margin: 0 auto;overflow: hidden;}
.index_service{display: flex;justify-content: space-between;}
.index_service li{width: 340px;}
.index_service img{display: block;width: 300px;height: auto}
.index_service span{display: block;margin-bottom: 20px;font-size: 17px;}
.index_service h1{margin: 20px 0;font-size: 13px;text-align: left;line-height: 24px;height: 72px}
.index_service h2{font-size: 13px;color: #007cd9;text-align: left}

.com_tit{text-align: center;font-size: 32px;margin: 45px 0;font-weight: bold}
.com_text{font-size: 28px;margin-bottom: 35px;font-weight: bold;margin-top: 60px}




.index_fangan{display: flex;justify-content: space-between;}
.index_fangan li{width: 340px;}
.index_fangan img{display: block;width: 300px;height: auto}
.index_fangan span{display: block;margin-bottom: 20px;font-size: 17px;color: #333}
.index_fangan h1{margin: 20px 0;font-size: 13px;line-height: 24px}
.index_fangan h1 strong{display: block}
.index_fangan h2{font-size: 13px;color: #007cd9;}

.index_four{display: flex;justify-content: space-between}
.index_zizhi{width: 55%}
.index_zizhi ul{display: flex;justify-content: space-between}
.index_zizhi ul li{width: 29%;overflow: hidden}
.index_zizhi ul li img{display: block;height: auto;width: 100%;}
.index_zizhi ul li span{display: block;text-align: center;margin-top: 10px;}
.zz_text{color: #007cd9;margin-bottom: 40px}


.index_kepu{width: 37%}
.kepu_1{display: flex;}
.kepu_1 dt{margin-right: 16px}
.kepu_1 dd span{display: block;line-height: 24px}
.kepu_1 dd a{margin-bottom: 8px;display: block;color: #007cd9;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.kepu_2{overflow: hidden;margin-top: 25px;}
.kepu_2 li{background: url(../images/bullet.gif) no-repeat left center;margin-bottom: 13px;padding-left: 19px}
.kepu_2 li a{color: #007cd9;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px}

.index_five ul{display: flex;justify-content: space-between}
.index_five ul li{width: 22%;overflow: hidden}
.index_five ul li img{display: block;height: auto;width: 100%;}
.index_five ul li span{display: block;text-align: center;margin-top: 10px;}



.index_3{background: #ddd;overflow: hidden;padding: 70px 0 60px}
.index_3_cen{width: 1150px;margin: 0 auto;overflow: hidden}

.case_tit{display: flex;justify-content: space-between;width: 1150px;margin: 0 auto;align-items: center}
.case_tit dt{font-size: 28px;margin-bottom: 35px;font-weight: bold;margin-top: 60px }
.case_tit dd a{color: #007cd9;}
.case_tit dd{margin-top: 30px}

.index_3_cen li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 15px}
.index_3_cen li:nth-child(4n+4){margin-right: 0}
.index_3_cen li span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;margin-top: 10px;font-size: 13px}
.index_3_cen li img{display: block;width: 100%;height: 200px}

.swf{margin-top: 40px;}

.index_jt{width: 48%;padding-bottom: 60px}
.jtlist{display: flex;justify-content: space-between}
.jtlist li{width: 30%}
.jtlist li img{display: block;width: 100%;height: auto}

.jtlist span{display: block;text-align: center;margin-top: 2px}

.coom_bottom{width: 100%;overflow: hidden;background: rgba(35,35,35,1);padding: 60px 0 40px;}
.coom_bottom_cen{width: 1150px;margin: 0 auto;display: flex;justify-content: space-between}
.bottom_about{width: 64%;}
.bottom_con{width: 30%}
.a_1{display: flex;align-items: center}
.a_1 dd{color: #999;margin-left: 29px;text-indent: 2em;font-size: 14px;line-height: 27px}
.a_1 dd a{color: #007cd9;font-size: 13px}

.a_2{display: flex;justify-content: space-between;margin-top: 30px}
.a_2 a{color: #999;display: block;}


.b_1{width: 100%;text-align: right;margin-bottom: 29px;margin-top: 80px}
.b_2{width: 100%;text-align: right;color: #999;line-height: 25px}

.bottom_copyright{width: 1150px;overflow: hidden;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 17px}
.bottom_copyright dt{color: #999;}
.bottom_copyright dt a{color: #999;margin-left: 8px}


.ny_banner{background: url(../images/grey_grid_bg.gif) repeat-x center center;height: 199px;margin-top: 67px}
.banner_cen{background: url(../images/solu.png) no-repeat center center;height: 199px;}
.banner_cen span{width: 1150px;overflow: hidden;margin: 0 auto;display: block;font-size: 32px;line-height: 199px}


.nycen{margin: 0 auto;width: 1150px;overflow: hidden;display: flex;justify-content: space-between;padding: 70px 0 50px}

.nycen_left{width: 70%;}
.jjfalist{display: flex;flex-wrap: wrap;}
.jjfalist li{width: 300px;margin-bottom: 30px}
.jjfalist li:nth-child(2n+1){width: 400px}
.jjfalist li span{display: block;font-size: 18px;margin-bottom: 15px}
.nycen_right{width: 30%}
.nycen_right h1{font-size: 18px;margin-bottom: 15px;}
.nycen_right h2{line-height: 26px}
.jjfalist_n{margin-top: 10px}
.jjfalist_n p{background: url(../images/../images/bullet.gif) no-repeat left center;padding-left: 17px}
.jjfalist_n p a{color: #007cd9}



.view_list{margin-bottom: 75px}

.view_list li{margin-bottom: 25px;}
.view_list li a{font-size: 18px;}

.view_list_n{margin-top: 10px}
.view_list_n p{border-bottom: 1px solid #eee;padding-bottom: 8px}
.view_list_n p a{color: #007cd9;font-size: 13px;display: block;background: url(../images/../images/note.gif) no-repeat left center;padding-left: 17px;}
.viewcen{overflow: hidden;width: 90%}
.viewcen h3{font-size: 20px;margin-bottom: 24px;}
.viewcen .viewcen_text{line-height: 27px;}
.viewcen .viewcen_text img{max-width: 100%;}


.servicelist{width: 90%;overflow: hidden}
.servicelist li{margin-bottom: 60px}
.s_1 a{font-size: 20px;}
.s_2{margin-top: 20px;}
.s_2 img{display: block;width: 250px;height: auto}
.s_3{margin: 12px 0}
.s_3 h1{margin-bottom: 15px}
.s_3 p{line-height: 25px}
.s_4 a{color: #007cd9}

.view_listrew{margin-bottom: 50px}

.yejilist{width: 90%;overflow: hidden}

.yeji_1 p{margin-bottom: 10px;line-height: 25px}
.yeji_1{border-bottom: 1px solid #eee;padding-bottom: 15px}

.yeji_2{overflow: hidden;padding-top: 35px}
.yeji_2 li{float: left;width: 32%;margin-right: 2%;margin-bottom: 4%}
.yeji_2 li:nth-child(3n+3){margin-right: 0}
.yeji_2 li img{display: block;width: 100%;height: 140px}
.yeji_2 li span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 9px;text-align: center}

.viewcen h4{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px}
.viewcen h4 a{color: #007cd9}


.jishulist{width: 100%;overflow: hidden;}
.jslist_li{border-bottom: 1px solid #eee;padding-bottom: 26px;margin-bottom: 26px;}

.jslist_li dt a{font-size: 20px;margin-bottom: 13px;color: #000;display: block}
.jslist_li dt a:hover{color: #007cd9}
.jslist_li dd{line-height: 24px;}
.jslist_li dd a{color: #007cd9}


.fangan_able thead tr{background: #333;}
.fangan_able thead td{color: #fff;padding-left: 10px;border-right: 1px solid #fff!important}
.fangan_able tbody tr{border-bottom: 1px dashed #ddd;}
.opwe {border-bottom: 2px solid #666;border-right: 2px solid #c666cc;}
.opwe td{border-top: 2px solid #666;border-left: 2px solid #666;padding-left: 3px;padding-right: 3px}

.jiuw td:nth-child(1){width: 230px;}
.jiuw td:nth-child(2){width: calc(100% - 230px);line-height: 20px}




.ewqq {border-bottom: 2px solid #666;border-right: 2px solid #666;}
.ewqq td{border-top: 2px solid #666!important;border-left: 2px solid #666!important;}



@media screen and (max-width: 1170px) {
	.topnav_cen,.index_2_cen,.index_3_cen,.coom_bottom_cen,.bottom_copyright,.banner_cen span,.nycen,.case_tit{width: 90%}
	.jjfalist li{width: 50%!important}
	.navlist li:nth-last-child(1){padding: 13px 0px 13px 0;}
	.index_service li{width: 30%}
	.index_service img{display: block;width: 100%;height: auto}
	.index_fangan li{width: 30%}
	.index_fangan img{display: block;width: 100%;height: auto}
	
	.erjitl{width: 90%!important}
	.erjipl,.erjiul{width: 90%!important}
	.navlist li .erji{padding-left: 0!important}
	
	.erjiul_li{width: 23%}
}

@media screen and (max-width: 1110px) {
	.navlist{width: 460px}
	.navlist li{padding: 13px 15px 13px 0;}
	.index_3_cen li img{height: 160px}
}

@media screen and (max-width: 1024px) {
	.topnav_cen,.index_2_cen,.index_3_cen,.coom_bottom_cen,.bottom_copyright,.banner_cen span,.nycen,.case_tit{width: 94%}
	
}

@media screen and (max-width: 960px) {
	.navlist{width: 420px}
	.navlist li{padding: 13px 10px 13px 0;}
	.logo img{margin-right: 10px;padding-right: 10px}
	.index_service span{font-size: 15px}
	.index_service h1{height: auto;line-height: 23px}
	.bottom_about{width: 100%}
	.coom_bottom_cen{flex-wrap: wrap}
	.bottom_con{width: 100%}
	.b_1,.b_2{text-align: left}
	.swf{display: none}
	.erjipl .erjipl_li{width: 30%;margin-right: 0}
	.erjipl{justify-content: space-between}
	
	.deww img{width:96%;margin-top: 67px}
	
}

@media screen and (max-width: 900px) {
	.navlist{width: 100%;margin-top: 0}
	.apple-banner{margin-top: 110px}
	.navlist li .erji{display: none!important}
	.navlist li {
    padding: 13px 0 13px 0;
		background: none;
}
	.ny_banner{margin-top: 113px}
}
	
	
@media screen and (max-width: 820px) {
	.index_service{flex-wrap: wrap}
	.index_service li{width: 100%;margin-bottom: 40px}
	.index_service span {font-size: 18px;}
	.com_tit{font-size: 23px}
	.com_text{font-size: 20px;margin: 30px 0}
	.index_fangan,.index_four,.coom_bottom_cen,.nycen{flex-wrap: wrap}
	.index_fangan li{width: 100%;margin-bottom: 40px}
	.index_zizhi{width: 100%}
	.index_kepu{width: 100%}
	.index_3_cen li{width: 48%;margin-right: 0;margin-left: 2%}
	.index_3_cen li:nth-child(2n+1){margin-left: 0}
	.index_jt{width: 100%}
	
	.slide1 .title{font-size: 32px}
	.slide2 .title{font-size: 32px}
	.slide3 .title{font-size: 32px}
/*	.slide1{background-size: 600px auto}
	.slide2{background-size: 400px auto}
	.slide3{background-size: 400px auto}*/
	.apple-banner .swiper-container{height: 350px}
	.apple-banner{height: 350px}
	.nycen_left{width: 100%;}
	.nycen_right{width: 100%;margin-top: 30px}
	.viewcen,.servicelist,.yejilist{width: 100%}
	
	
	
}


@media screen and (max-width: 600px) {
	.index_3_cen li img{height: 120px}
	.topnav_cen,.index_2_cen,.index_3_cen,.coom_bottom_cen,.bottom_copyright,.banner_cen span,.nycen,.case_tit{width: 90%}
	.a_1 ,.bottom_copyright,.index_five ul{flex-wrap: wrap}
	.a_1 dt{width: 100%;}
	.a_1 dt img{display: block;width: 100%;height: auto}
	.a_1 dd{margin-left: 0;margin-top: 10px}
	.b_1{margin-top: 30px}
	.bottom_copyright,.bottom_copyright dt{text-align: center;width: 100%}
	.index_five ul li{width: 48%;margin-bottom: 10px}
	.logo img{display: block;width: 200px;height: auto}
	.logo {padding: 13px 0 5px;}
	.apple-banner{margin-top:97px}
	.slide2 .title{width: 90%;margin: 0 auto;margin-top: 50px}
	.ny_banner{margin-top: 97px}
	.jjfalist li{width: 100%!important}
	
	.banner_cen {
    background: url(../images/solu.jpg) no-repeat bottom center;
		height: 150px;}
	.banner_cen span{line-height: 150px;font-size: 25px}
	.ny_banner{height: 150px}
	.nycen{padding: 40px 0 40px;}
	
	.yeji_2 li img{height: 90px}
	
	
	.jiuw td:nth-child(1){width: 110px;}
	.jiuw td:nth-child(1) img{display: block;width: 100%!important;height: auto!important}
.jiuw td:nth-child(2){width: calc(100% - 120px);}
	
	
	.viewcen .viewcen_text{line-height: 23px}
	
}